<!DOCTYPE html>
<html class="ui-max">

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />

    <!--coolie-->
    <link href="public/admin/js/zui/css/zui.css" rel="stylesheet" type="text/css" />
    <link href="public/admin/css/admin.css" rel="stylesheet" type="text/css" />
    <script src="public/admin/js/jquery.1.10.2.js" type="text/javascript"></script>
    <script src="public/admin/js/zui/js/zui.js" type="text/javascript"></script>
    <!--coolie-->

    <link href="public/admin/css/console.css" rel="stylesheet" type="text/css" />
    <title>管理后台首页</title>
</head>

<body class="ui-flex" style="height: 100%;">
    <nav class="navbar navbar-black" role="navigation" style="margin-bottom: 0;">
        <div class="container-fluid">
            <!-- 导航头部 -->
            <div class="navbar-header">
                <!-- 移动设备上的导航切换按钮 -->
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">切换导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <!-- 品牌名称或logo -->
                <a class="navbar-brand" href="#">
                    <i class="icon icon-firefox" style="font-size: 17px;margin-right: 5px;"></i>
                    后台管理控制器
                </a>
            </div>
            <!-- 导航项目 -->
            <div class="collapse navbar-collapse navbar-collapse">
                <!-- 一般导航项目 -->
                <ul id="navmenu" class="nav navbar-nav">
                </ul>
                <!-- 右侧的导航项目 -->
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a class="hover-spin btn-refresh" href="#">
                            <i class="icon icon-refresh"></i>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            <i class="icon icon-user"></i>
                            admin <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#" onclick="app.edit_password()"><i class="icon icon-lock"></i> 修改密码</a></li>
                            <li><a href="#" onclick="app.edit_userinfo()"><i class="icon icon-edit"></i> 修改资料</a></li>
                            <li class="divider"></li>
                            <li><a href="#" onclick="app.logout()"><i class="icon icon-signout"></i> 退出登录</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
            <!-- END .navbar-collapse -->
        </div>
    </nav>
    <div class="ui-flex-auto ui-flex-row">
        <div id="sidebar" class="">
            <div class="sidebar-fold text-center"><i class="icon icon-bars"></i></div>
        </div>
        <div class="ui-flex-auto">
            <iframe id="imain" border="0" frameborder="0" style="width: 100%;height: 100%;"></iframe>
        </div>
    </div>
    <div class="console-footer text-center">
        xxxxxxxx公司 © 2014~2017
    </div>

    <div class="hidden">
        <div class="text-right" id="myModalAlert">
            <a class="btn" onclick="app.logout.obj.close();">不了</a>
            <a href="login.html" class="btn btn-warning">确认退出</a>
        </div>
    </div>
</body>
</html>
<script>
    app = {};
    app.menu = [{
        name : '会员管理',
        child : [
            {
                name : '会员列表查询',
                child : [
                    {
                        name : '基础',
                        icon : 'icon-refresh',
                        link : 'base.html'
                    },{
                        name : '布局',
                        icon : 'icon-refresh',
                        link : 'layout.html'
                    },{
                        name : '表单',
                        icon : 'icon-refresh',
                        link : 'form.html'
                    },{
                        name : '列表',
                        icon : 'icon-refresh',
                        link : 'list.html'
                    },
                ]
            }
        ]
    },{
        name : '文章管理',
        child : [
            {
                name : '文章管理',
                child : [
                    {
                        name : '文章列表',
                        icon : 'icon-refresh',
                        link : 'app/article.html'
                    },{
                        name : '新增文章',
                        icon : 'icon-diamond',
                        link : 'test2.html' 
                    }
                ]
            }
        ]
    }]
</script>
<script src="/public/admin/coolie.js" data-main="js/console.js" data-config="~/public/admin/coolie-config.js"></script>